/* 
    Document   : menu
    Created on : Dec 7, 2012, 9:05:31 PM
    Author     : eichawsan
    Description:
        Purpose of the stylesheet follows.
*/

#nav {font-size:0.85em; width:200px;font-weight: bold;color:#0B4C5F;}
#nav ul {margin:0px; padding:0px;}
#nav li {list-style: none;} 

ul.top-level {
background:-o-linear-gradient(bottom, #E0F2F7 5%, #EFF8FB 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #E0F2F7), color-stop(1, #EFF8FB) ); 	background:-moz-linear-gradient( center top, #E0F2F7 5%, #EFF8FB 100% );	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#E0F2F7", endColorstr="#EFF8FB");	background: -o-linear-gradient(top,#E0F2F7,EFF8FB);
background-color:#E0F2F7;
border:1px solid #E0F2F7;
}
ul.top-level li {
 border: #CEECF5 solid; 
 border-width: 1px;
}
 #nav ul.sub-level {border:1px solid #CEE3F6;}
#nav a {
 color: #000000;
 cursor: pointer;
 display:block;
 height:25px;
 line-height: 25px;
 text-indent: 10px;
 text-decoration:none;
 width:100%;
}
#nav a:hover{
 text-decoration:underline;
}

#nav li:hover {
background:-o-linear-gradient(bottom, #E0ECF8 5%, #58D3F7 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #E0ECF8), color-stop(1, #58D3F7) );	background:-moz-linear-gradient( center top, #E0ECF8 5%, #58D3F7 100% );	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#E0ECF8", endColorstr="#58D3F7");	background: -o-linear-gradient(top,#E0ECF8,58D3F7);
background-color:#E0ECF8;
 position: relative;
}
ul.sub-level {
    display: none;  
}
li:hover .sub-level {
    background: #999;
    border: #CEE3F6 solid;
    border-width: 1px;
    display: block;
    position: absolute;
    left: 75px;
    top: 5px;
}
ul.sub-level li {
    border: none;
    float:left;
    width:180px;
}

#nav .sub-level {
    background: #FFFFFF;
}
